import { FC } from "react";
import { Button, Result } from "antd";
import { useNavigate } from "react-router-dom";
const NotFound: FC = () => {
  const nav = useNavigate();
  return (
    <div
      style={{ display: "flex", alignItems: "center", justifyContent: "center", height: "100vh" }}>
      <Result
        status="404"
        title="404"
        subTitle="抱歉，你访问的页面不存在"
        extra={
          <Button type="primary" onClick={() => nav("/")}>
            返回首页
          </Button>
        }
      />
    </div>
  );
};
export default NotFound;
